<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>成都黑山谷生态景区</title>
    <link rel="stylesheet" href="./index.css" />
  </head>
  <body>
    <div class="container">
      <div class="head">
        <img src="../img/occupy.png" alt="" />
        <span>地址：成都市万盛经开区黑山镇</span>
        <br />
        <span>开放时间：9:00-20:00</span>
        <br />
        <span>建议游玩：3-5h</span>
        <ul>
          <li>
            <a href="javascript(0)"
              ><h3>相关攻略</h3>
              <img src="../img3/攻略@2x.png" alt=""
            /></a>
          </li>
          <li>
            <a href="javascript(0)"
              ><h3>智慧导航</h3>
              <img src="../img3/攻略@2x.png" alt=""
            /></a>
          </li>
          <li>
            <a href="javascript(0)"
              ><h3>景区VR</h3>
              <img src="../img3/攻略@2x.png" alt=""
            /></a>
          </li>
        </ul>
      </div>

      <!-- 景区介绍 -->
      <div class="cate">
        <h3>景区介绍</h3>
        <ul class="u-food">
          <li>
            <a href="javascript(0)"><img src="../img/occupy.png" alt="" /></a>
          </li>
          <li>
            <a href="javascript(0)"><img src="../img/occupy.png" alt="" /></a>
          </li>
        </ul>
        <div class="u-more">
          <a href="javascript(0)">了解更多 ></a>
        </div>
      </div>

      <!-- 景区简介 -->
      <div class="recommend">
        <h3>景区简介</h3>
        <p>
          黑山谷（Black
          Valley），国家AAAAA级旅游景区，国家级森林公园，国家级地质公园，中国最佳休闲名山，中国最佳绿色低碳旅游休闲胜地，亚洲大中华区最具魅力风景名胜区，重庆市“巴渝新十二景”，重庆市首家环保示范景区。
        </p>
        <div class="u-more">
          <a href="javascript(0)"
            >展开全部 <img src="../img3/＞@2x.png" alt=""
          /></a>
        </div>
      </div>

      <!-- 游客点评 -->
      <div class="comment">
        <h3>游客点评</h3>
        <span>（120）</span>
        <div class="visitor">
          <img src="../img/occupy.png" alt="" />
          <span>怒放的生命</span>
          <span class="star"></span><span class="star"></span
          ><span class="star"></span><span class="star"></span
          ><span class="star"></span>
          <p>
            风景优美，空气清新，让人心旷神怡忘记城市间的烦恼，感觉非常棒，会推荐人来的！
          </p>
        </div>
        <div class="u-more">
          <a href="javascript(0)">查看全部 ></a>
        </div>
      </div>

      <!-- 为你推荐 -->
      <div class="hotel">
        <h3>为你推荐</h3>
        <ul class="u-visit">
          <li class="active"><a href="javascript(0)">旅游攻略</a></li>
          <li><a href="javascript(0)">经典攻略</a></li>
        </ul>
        <ul>
          <li>
            <a href="javascript(0)"><img src="../img/occupy.png" alt="" /></a>
            <h4>重庆大酒店</h4>
            <span
              >距离651.2km <br />
              五星/豪华</span
            >
            <h5>¥185 <span>起</span></h5>
          </li>
          <li>
            <a href="javascript(0)"><img src="../img/occupy.png" alt="" /></a>
            <h4>重庆大酒店</h4>
            <span
              >距离651.2km <br />
              五星/豪华</span
            >
            <h5>¥185 <span>起</span></h5>
          </li>
          <li>
            <a href="javascript(0)"><img src="../img/occupy.png" alt="" /></a>
            <h4>重庆大酒店</h4>
            <span
              >距离651.2km <br />
              五星/豪华</span
            >
            <h5>¥185 <span>起</span></h5>
          </li>
          <li>
            <a href="javascript(0)"><img src="../img/occupy.png" alt="" /></a>
            <h4>重庆大酒店</h4>
            <span
              >距离651.2km <br />
              五星/豪华</span
            >
            <h5>¥185 <span>起</span></h5>
          </li>
          <li>
            <a href="javascript(0)"><img src="../img/occupy.png" alt="" /></a>
            <h4>重庆大酒店</h4>
            <span
              >距离651.2km <br />
              五星/豪华</span
            >
            <h5>¥185 <span>起</span></h5>
          </li>
          <li>
            <a href="javascript(0)"><img src="../img/occupy.png" alt="" /></a>
            <h4>重庆大酒店</h4>
            <span
              >距离651.2km <br />
              五星/豪华</span
            >
            <h5>¥185 <span>起</span></h5>
          </li>
          <li>
            <a href="javascript(0)"><img src="../img/occupy.png" alt="" /></a>
            <h4>重庆大酒店</h4>
            <span
              >距离651.2km <br />
              五星/豪华</span
            >
            <h5>¥185 <span>起</span></h5>
          </li>
          <li>
            <a href="javascript(0)"><img src="../img/occupy.png" alt="" /></a>
            <h4>重庆大酒店</h4>
            <span
              >距离651.2km <br />
              五星/豪华</span
            >
            <h5>¥185 <span>起</span></h5>
          </li>
        </ul>
      </div>

      <div class="end">—— END ——</div>

      <div class="footer">
        <div class="head">
          <img src="../img3/爱心亮@2x.png" alt="">
          <img src="../img3/收藏亮@2x.png" alt="">
        </div>
        <div class="foot">
          <img src="../img3/爱心(1)@2x.png" alt="">
          <img src="../img3/收藏(1)@2x.png" alt="">
          <input type="text" placeholder="我要说两句...">
        </div>
      </div>
    </div>
  </body>
</html>
